<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>个人博客登陆</title>
<meta charset="utf-8" />
<link rel="stylesheet" th:href="@{~/managed/assets/css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{~/managed/assets/font-awesome/4.5.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{~/managed/assets/css/fonts.googleapis.com.css}" />
<link rel="stylesheet" th:href="@{~/managed/assets/css/ace.min.css}" />
<link rel="stylesheet" th:href="@{~/managed/assets/css/ace-rtl.min.css}" />
<link rel="stylesheet" th:href="@{~/managed/toastr/toastr.min.css}" />
<script th:src="@{~/managed/assets/js/jquery-2.1.4.min.js}"></script>
<script th:src="@{~/managed/assets/js/jquery.form.js}"></script>
<script th:src="@{~/managed/toastr/toastr.min.js}"></script>
</head>
<body class="login-layout">
		<div class="main-container">
			<div class="main-content">
				<div class="row">
					<div class="col-sm-10 col-sm-offset-1">
						<div class="login-container">
							<div class="center">
								<h1>
									<span class="blue">个人博客后台管理系统</span>
								</h1>
							</div>

							<div class="space-6"></div>

							<div class="position-relative">
								<div id="login-box" class="login-box visible widget-box no-border">
									<div style="background-color:black;" class="widget-body">
										<div class="widget-main">
											<h4 class="header blue lighter bigger">
												<i class="ace-icon fa fa-coffee green"></i>
												请输入你的信息
											</h4>

											<div class="space-6"></div>

											<form th:action="@{/manage/login}" method="post" id="loginForm">
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" name="username" class="form-control" placeholder="用户名" />
															<i class="ace-icon fa fa-user"></i>
														</span>
													</label>

													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input id="password" type="password" name="password" class="form-control" placeholder="密码" />
															<i class="ace-icon fa fa-lock"></i>
														</span>
													</label>

													<div class="space"></div>

													<div class="clearfix">
												       <button type="button"  onclick="resetRecord()" class="width-35 pull-left btn btn-sm btn-primary">
															<span class="bigger-110">取消</span>
														</button>
														<button type="submit"  class="width-35 pull-right btn btn-sm btn-primary">
															<span class="bigger-110">登陆</span>
														</button>
													</div>
													<div class="space-4"></div>												
											</form>
											<div class="space-6"></div>									
										</div>										
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
			</div>
		</div>
		
	<script type="text/javascript">			
			function resetRecord() {
				$("#loginForm")[0].reset();;				
			}
					
	</script>
</body>
</html>